/*公共样式*/

/*1.样式重置*/
html,body,ul,li,img,a,p,h1,h2,h3,div,form,input{
    padding: 0;
    margin: 0;
    /*设置盒模型*/
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /*去除移动端特有的点击高亮效果*/
    -webkit-tap-highlight-color: transparent;
}
body{
    font-family: "微软雅黑",sans-serif;
    font-size: 20px;
}
a,
a:hover{
    color: #666;
    text-decoration: none;
}
ul{
    list-style: none;
}
input{
    /*1.清除文本框获取焦点时默认的边框阴影*/
    outline: none;
    /*2.去除边框*/
    border: none;
    /*3.添加边框*/
    border: 1px solid #ccc;
}

/*2.添加新的样式*/
.f_left{
    float: left;
}
.f_right{
    float: right;
}
.m_left10{
    margin-left: 10px;
}
.m_right10{
    margin-right: 10px;
}
.m_top10{
    margin-top: 10px;
}
.clearfix::before,
.clearfix::after{
    content: "";
    display: block;
    height: 0;
    line-height: 0px;
    clear: both;
    visibility: hidden;
}

/*顶部样式*/
html,body{
    min-width: 320px;
    width: 100%;
}
.buy_layout{
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
}
.head{
    overflow: hidden;
}
header{
    width: 100%;
    height: 0.6rem;
    background-color: orange;
    overflow: hidden;
}
header .f_left a{
    display: inline-block;
    margin-left: 0.2rem;
    margin-top: 0.18rem;
    width: 1.5rem;
    height: 0.23rem;
}
header .f_left a img{
    width: 100%;
    height: 100%;
}
header .f_right a{
    display: inline-block;
    margin-right: 0.2rem;
    margin-top:0.15rem;
    width: 0.3rem;
    height: 0.3rem;
}
header .f_right a img{
    width: 100%;
    height: 100%;
}
.buy_search{
    height: 0.6rem;
}
.buy_search .searching{
    width: 15%;
    float: right;
    height: 0.5rem;
    float: left;
    margin-top: 0.05rem;
    margin-left: 0.1rem;
    border-radius: 0.3rem;
    color: #eee;
    font-size: 0.2rem;
    background-color: orange;
}
.buy_searchBox>input{
    width: 80%;
    float: left;
    height: 0.5rem;
    margin-top: 0.05rem;
    border-radius: .15rem;
    margin-left: .1rem;
    font-size: 0.2rem;
    color: #666;
    background-color: #eee;
}


/*footer start*/
/*底部样式*/
footer{
    text-align: center;
}
footer header {
    height: .5rem;
    line-height: .5rem;
}
footer header h2{
    font-size: .26rem;
    float: left;
    color: #fff;
    margin-left: .2rem;
}
footer header  div{
    float: right;
    width: .3rem;
    height: .3rem;
    border:0.01rem solid #fff;
    border-radius: 50%;
    text-align: center;
    line-height: .3rem;
    font-family: "simsun";
    color: #fff;
    margin-top: .1rem;
    margin-right: .1rem;
}
footer nav .perch{
    width: 100%;
    height: 0.3rem;
    border-bottom: 0.01rem solid black;
}
footer nav ul{
    list-style: none;
    height: .35rem;
    /*overflow: hidden;*/
}
footer nav li{
    text-align: center;
    border-right: .01rem solid black;
    width: 33.3%;
    height: .35rem;
    line-height: .35rem;
    float: left
}
footer nav li:last-child{
    border: none;
}
footer nav li:last-child img{
    width: .25rem;
    height: .3rem;
    background-color: #fff;
    vertical-align: middle;
    margin-right: 0.01rem;
}
footer .end{
    border-top: 1px solid black;
}
footer .end span:first-child{
    color: red;
}
